{% load i18n %}
{% get_current_language as LANGUAGE_CODE %}
{% comment %}{% get_available_languages as LANGUAGES %}{% endcomment %}
{% get_current_language_bidi as LANGUAGE_BIDI %}

{% load static %}
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
	<meta http-equiv="content-type" content="text/html; charset=utf-8" />
	<title>Font Render - {% block title %}{% endblock %}</title>
	<meta name="title" content="" />
	<meta name="keywords" content="" />
	<meta name="description" content="" />
	<link rel="stylesheet" href="/static/css/style.css" type="text/css" media="screen, projection" />
	<!--[if lte IE 6]><link rel="stylesheet" href="/static/style_ie.css" type="text/css" media="screen, projection" /><![endif]-->

	<link rel="stylesheet" href="/static/css/colorpicker.css" type="text/css" />
	<link rel="stylesheet" media="screen" type="text/css" href="/static/css/layout.css" />

	<script type="text/javascript" src="/static/js/jquery-1.4.4.min.js"></script>
	<script type="text/javascript" src="/static/js/colorpicker.js"></script>
	<script type="text/javascript" src="/static/js/eye.js"></script>
	<script type="text/javascript" src="/static/js/utils.js"></script>
	<script type="text/javascript" src="/static/js/layout.js"></script>
</head>

<body>
<div id="wrapper">

	<div id="header">
		<strong>Font Render</strong>
                <form action="/i18n/setlang/" method="post">
                    {% block set_lang %}{% endblock %}
                    <select name="language" onchange="form.submit();">
                        {% for lang in LANGUAGES %}
                            <option value="{{ lang.0 }}" {% if lang.0 == LANGUAGE_CODE %}selected="True"{% endif %}>{{ lang.1 }}</option>
                        {% endfor %}
                    </select>
                </form>
	</div><!-- #header-->

	<div id="middle">
		<div id="container">
			<div id="content">
			    {% block content %}{% endblock %}
                            <!--
                            <p><a href="#" class="expand">Expand column</a></p>
 -->
			</div><!-- #content-->
		</div><!-- #container-->

		<div class="sidebar" id="sideLeft">
			<strong>{% trans "Categories" %}:</strong>
	  	        <ul>
  			    {% for category in categories %}
			        <li><a href="{{ category.get_absolute_url }}">{{ category.name }}</a></li>
 		            {% endfor %}
	 	        </ul>
			<!-- 
			<a href="#" class="expand">Expand column</a>
-->
		</div><!-- .sidebar#sideLeft -->

		<div class="sidebar" id="sideRight">
			<strong>{% trans "Here could be your ad" %}!</strong>
			<!-- 
			<a href="#" class="expand">Expand column</a>
-->
		</div><!-- .sidebar#sideRight -->

	</div><!-- #middle-->

</div><!-- #wrapper -->

<div id="footer">
	<p style="text-align:right;"><strong>Powered by &copy;<a href="http://djangoproject.com">Django</a> Python Framework, &copy;<a href="http://jquery.com/">jQuery</a> JavaScript Library</strong></p>
</div><!-- #footer -->

</body>
</html>